<template>
  <div class="detailRecommendView" v-if="detailShopper && detailShopper.length !== 0">
    <div class="hotRecommend">热门推荐</div>
    <goods-list v-for="item in $store.state.DetailShopper" :goods-commodity="item"></goods-list>
  </div>
</template>

<script>
  import GoodsList from "components/content/goods/GoodsList";

  export default {
    name: "DetailRecommendView",
    components: {
      GoodsList
    },
    props: {
      detailShopper: {
        type: Object,
        default(){
          return {};
        }
      }
    }
  }
</script>

<style scoped>
  .detailRecommendView{
    background-color: white;
  }
  .detailRecommendView .hotRecommend{
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
  }
</style>